<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>TUTOHUB – LMS Education HTML5 Template</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
        <!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/animate.min.css">
        <link rel="stylesheet" href="css/magnific-popup.css">
        <link rel="stylesheet" href="css/fontawesome-all.min.css">
        <link rel="stylesheet" href="css/aos.css">
        <link rel="stylesheet" href="css/nice-select.css">
        <link rel="stylesheet" href="css/meanmenu.css">
        <link rel="stylesheet" href="css/slick.css">
        <link rel="stylesheet" href="css/default.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/responsive.css">
    </head>
    <body>

        <!-- preloader -->
        <div id="preloader">
            <div id="loading-center">
                <div id="loading-center-absolute">
                    <div class="object" id="object_one"></div>
                    <div class="object" id="object_two"></div>
                    <div class="object" id="object_three"></div>
                </div>
            </div>
        </div>
        <!-- preloader-end -->

        <!-- header -->
        <header>
            <div id="header-sticky" class="main-header-area">
                <div class="container">
                    <div class="row align-items-center" style="display: flex;flex-direction: row;justify-content: space-between">
                        <div class="col-lg-3 col-md-4">
                            <div class="logo">
                                <a href="index.html"><img src="img/logo/logo.png" alt="logo"></a>
                            </div>
                        </div>
                        <div class="col-lg-4 text-right d-none d-lg-block">
                            <div class="main-menu d-inline-block">
                                <nav id="mobile-menu">
                                    <ul>
                                        <li><a href="#">我的二货</a></li>
                                        <li><a href="#">上传二货</a></li>
                                    </ul>
                                </nav>
                            </div>
                            <div class="shop-cart-icon s-shop-cart-icon d-none d-xl-inline-block">
                                <a href="#"><img src="img/icon/shop_cart.png" alt="icon"></a>
                                <span>10</span>
                            </div>
                            <a href="#" class="ml-1 shop_cart" style="color: whitesmoke;">购物车</a>
                        </div>
                        <div class="col-12">
                            <div class="mobile-menu"></div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header-end -->

        <!-- main-area -->
        <main>
            <!-- shop-details -->
            <section class="shop-details-area pt-80 pb-145">
                <div class="container">
                    <div class="row mb-80">
                        <div class="col-lg-6">
                            <div class="details-thumb-wrap mb-20">
                                <div class="tab-content" id="myTabContentS">
                                    <div class="tab-pane fade show active" id="first-img" role="tabpanel" aria-labelledby="first-img-thumb">
                                        <div class="single-d-thumb">
                                            <img src="img/shop/shop_details01.jpg" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="shop-d-content">
                                <div class="product-details-t mb-25">
                                    <span>商品类别</span>
                                    <h5>商品名字</h5>
                                </div>
                                <div class="product-rating mb-10">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <span class="count-rev">五星商品</span>
                                    <i class="fas fa-question-circle" style="color: red"></i>
                                </div>
                                <div class="product-d-price mb-20">
                                    <span>￥460</span>
                                    <span class="old-price">￥689</span>
                                </div>
                                <div class="product-best-features mb-25">
                                    <ul>
                                        <li><span>卖家:</span>卖家昵称</li>
                                        <li><span>卖家QQ号:</span>1352834940</li>
                                        <li><span>商品状态:</span><span id="shop-status" style="color: #1cae0d">正在售卖</span></li>
                                    </ul>
                                </div>
<!--                                <div class="cart-plus d-inline">-->
<!--                                    <form action="#">-->
<!--                                        <div class="cart-plus-minus">-->
<!--                                            <input type="text" value="1">-->
<!--                                        </div>-->
<!--                                    </form>-->
<!--                                </div>-->
<!--                                <div class="product-details-meta d-inline">-->
<!--                                    <a href="#"><i class="fas fa-heart"></i></a>-->
<!--                                    <a href="#"><i class="fas fa-hourglass"></i></a>-->
<!--                                    <a href="#"><i class="fas fa-share-square"></i></a>-->
<!--                                </div>-->
                                <div style="display: flex;flex-direction: row">
                                    <div class="d-cart-btn mt-8">
                                        <a href="#" class="btn">立即购买</a>
                                    </div>
                                    <div class="d-cart-btn mt-8 ml-2">
                                        <a href="#" class="btn">加入购物车</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-desc-wrap">
                        <div class="row">
                            <div class="col-12">
                                <ul class="nav nav-tabs mb-40" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="item-desc" data-toggle="tab" href="#descriptions" role="tab"
                                           aria-controls="descriptions" aria-selected="false" style="font-size: 0.8rem">卖家描述</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="item-review" data-toggle="tab" href="#review" role="tab"
                                            aria-controls="review" aria-selected="true" style="font-size: 0.8rem">系统评价</a>
                                    </li>
                                </ul>
                                <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane fade" id="review" role="tabpanel" aria-labelledby="item-review">
                                        <div class="review-wrap">
                                            <div class="desc-title mb-25">
                                                <h4>系统评价</h4>
                                            </div>
                                            <div class="left-rc">
                                                <p>系统暂时还没有给该商品评价</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade show active" id="descriptions" role="tabpanel"
                                        aria-labelledby="item-desc">
                                        <div class="desc-title mb-25">
                                            <h4>卖家描述</h4>
                                        </div>
                                        <div class="desc-content mb-10">
                                            <p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their
                                                default model text, and a search for
                                                'lorem ipsum' will uncove many web sites still in their infancy. Various versions
                                                have evolved over the years, sometimes by accident, sometimes
                                                on purpose (injected humour and the like) Many desktop publishing packages and web
                                                page editors now use Lorem Ipsum as their default model text,
                                                and a search for 'lorem ipsum will uncover many web sites still in their infancy.
                                                Various versions have evolved over the years, sometimes by
                                                accident, sometimes on purpose (injected humour and the like)..</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- shop-details-end -->
        </main>
        <!-- main-area-end -->

        <!-- footer -->
        <footer class="footer-area black-bg">
            <div class="footer-top-wrap pt-95 pb-40">
                <div class="container">
                    <div class="row" style="display: flex;flex-direction: row;justify-content: space-around;align-items: center">
                        <div class="col-lg-3 col-sm-6">
                            <div class="footer-widget mb-50">
                                <div class="fw-logo mb-15">
                                    <a href="index.html"><img src="img/logo/w_logo.png" alt="Logo"></a>
                                </div>
                                <div class="footer-text">
                                    <p>我们是一群热爱开发的团体，相聚在南工，相聚在云端就业工作室，我们的理念是：虽然我们还无法改变互联网，但我们一直在努力优化着</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 pr-50">
                            <div class="footer-widget mb-50">
                                <div class="fw-title mb-20">
                                    <h4>友情链接</h4>
                                </div>
                                <div class="fw-link">
                                    <ul>
                                        <li><a href="http://www.nit.edu.cn/" target="_blank"><i class="fas fa-angle-right"></i> 南昌工程学院</a></li>
                                        <li><a href="http://envo.nit.edu.cn/" target="_blank"><i class="fas fa-angle-right"></i> 南昌工程学院招生就业处</a></li>
                                        <li><a href="http://yunduanoffice.com/" target="_blank"><i class="fas fa-angle-right"></i> 云端就业工作室官网</a></li>
                                        <li><a href="http://yunduanoffice.com/" target="_blank"><i class="fas fa-angle-right"></i> 开发者技术博客链接①</a></li>
                                        <li><a href="https://huyong.cloud/" target="_blank"><i class="fas fa-angle-right"></i> 开发者技术博客链接②</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 pr-40">
                            <div class="footer-widget mb-50">
                                <div class="fw-title mb-20">
                                    <h4>联系我们</h4>
                                </div>
                                <div class="fw-contact">
                                    <ul>
                                        <li><i class="fas fa-phone"></i> 151 - 8004 - 3828</li>
                                        <li><i class="far fa-envelope"></i> 1352834940@qq.com</li>
                                        <li><i class="fas fa-map-marker-alt"></i> 南昌工程学院</li>
                                        <li><i class="fas fa-fax"></i> 暂无</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--            <div class="container">-->
            <!--                <div class="copyright-wrap">-->
            <!--                    <div class="row align-items-center">-->
            <!--                        <div class="col-md-8">-->
            <!--                            <div class="copyright-text">-->
            <!--                                <p>&copy; Copyrights 2019 TUTOHUB Designed By Love. All rights reserved.</p>-->
            <!--                            </div>-->
            <!--                        </div>-->
            <!--                        <div class="col-md-4">-->
            <!--                            <div class="copyright-social text-center text-md-right">-->
            <!--                                <ul>-->
            <!--                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>-->
            <!--                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>-->
            <!--                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>-->
            <!--                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>-->
            <!--                                    <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>-->
            <!--                                    <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>-->
            <!--                                </ul>-->
            <!--                            </div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->
        </footer>
        <!-- footer-end -->





		<!-- JS here -->
        <script src="js/vendor/jquery-1.12.4.min.js"></script>
        <script src="js/popper.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/isotope.pkgd.min.js"></script>
        <script src="js/slick.min.js"></script>
        <script src="js/jquery.meanmenu.min.js"></script>
        <script src="js/ajax-form.js"></script>
        <script src="js/wow.min.js"></script>
        <script src="js/aos.js"></script>
        <script src="js/jquery.nice-select.min.js"></script>
        <script src="js/jquery.counterup.min.js"></script>
        <script src="js/jquery.waypoints.min.js"></script>
        <script src="js/jquery.scrollUp.min.js"></script>
        <script src="js/imagesloaded.pkgd.min.js"></script>
        <script src="js/jquery.magnific-popup.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>
